<template>
  <!--App.vue页面可以用来布局-->
  <!--<nav>-->
  <!--  <router-link to="/">Home</router-link> |-->
  <!--  <router-link to="/about">About</router-link>-->
  <!--</nav>-->
  <!--这是路由指令，会把路由到的页面内容展示到这个位置 根据URL进行路由-->
  <!--<router-view/>-->

  <div>
    <!--引入Header组件/界面-->
    <!--头部-->
    <Header/>

    <!--主体-->
    <div style="display: flex">
      <!--侧边栏-->
      <Aside/>

      <!--内容区域，通过路由展示-->
      <router-view style="flex:1"/>
    </div>



  </div>
</template>

<style>

</style>
<script>
import Header from "@/components/Header.vue";
import Aside from "@/components/Aside.vue";
export default {
  name: "Layout",
  components: {
    Header,
    Aside
  }
}
</script>
